* { margin:0;
	padding:0;
	outline:0;
	}

	html {height: 100%;}

	.navbox {
		position: relative;
		float: left;
	}

	ul.nav {
		list-style: none;
		display: block;
		width: 250px;
		position: relative;
		top: 40px;
		left: 0px;
		padding: 0px 0 60px 0;
		background: url(images/shad2.png) no-repeat;
		-webkit-background-size: 50% 100%;
	}

	li {
		margin: 5px 0 0 0;
	}

	ul.nav li a {
		-webkit-transition: all 0.3s ease-out;
		font-size: 18px;
		font-family: KaiTi,Permanent Marker,cursive;
		font-weight: 200;
		color: #174867;
		padding: 7px 15px 7px 15px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		width: 250px;
		display: block;
		text-decoration: none;
		-webkit-box-shadow: 2px 2px 4px #888;
	}

	ul.nav li a:hover {
		
		color: #F46E7C;
		padding: 7px 15px 7px 30px;
	}

	.scrollbar
	{
		margin-left: 15px;
		float: left;
		height: 610px;
		width: 300px;
		overflow-y: scroll;
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.force-overflow
	{
		min-height: 450px;
	}

	#style-1::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background-color: #F5F5F5;
	}

	#style-1::-webkit-scrollbar
	{
		width: 0px;
		background-color: #F5F5F5;
	}

	#style-1::-webkit-scrollbar-thumb
	{
		border-radius: 0px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #555;
	}